<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<span>aaa</span>
		<p>bbb</p>
		
		<div>
			111
			<i>asas</i>
			<u>bsbs</u>
			<span>qwqw</span>
	    </div>
		
		<p>222</p>
		<span>333</span>
		
		<ul>
			<li>111</li>
			<li class="two">222</li>
			<li class="three">333</li>
			<li>444</li>
		</ul>
		
		<script src="jquery.min.js"></script>
		<script>
			// //prev 上面紧邻的兄弟
			// console.log($("div").prev());
			// //prevAll 上面所有的兄弟 参数：指定某一个兄弟
			// console.log($("div").prevAll("span"));
			
			// //prev 下面紧邻的兄弟
			// console.log($("div").next());
			// //prevAll 下面所有的兄弟  参数：指定某一个兄弟
			// console.log($("div").nextAll("span"));
			
			//parent 父级
			//console.log($("div").parent());
			
			//children 所有的子元素  参数：指定某一个子元素
			//console.log($("div").children("i"));
			
			//siblings() 所有兄弟 上和下  参数：指定某一种兄弟
			//console.log($("div").siblings("span"));
			
			//find查找    查找满足条件的后代  祖先里面找后代
			//console.log($("body").find($("span")));
			
			//filter 筛选  同类里面筛选满足条件的元素
			console.log($("li").filter($("[class]")));
		</script>
	</body>
</html>
